{"version":3,"file":"static/chunks/pages/kashi/borrow/[pair]-0ad2a6104b118f73.js","mappings":"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","sources":["webpack://_N_E/./src/components/GradientDot/index.tsx","webpack://_N_E/./src/hooks/useUSDCPrice.ts","webpack://_N_E/./src/pages/kashi/borrow/[pair].tsx","webpack://_N_E/?16dd"],"sourcesContent":["import React from 'react'\n\nexport function gradientColor(percent: any) {\n  percent = parseFloat(percent)\n  if (percent < 100 && percent >= 90) {\n    return '#ff3a31'\n  }\n  if (percent < 90 && percent >= 80) {\n    return '#f85815'\n  }\n  if (percent < 80 && percent >= 70) {\n    return '#ed7000'\n  }\n  if (percent < 70 && percent >= 60) {\n    return '#de8400'\n  }\n  if (percent < 60 && percent >= 50) {\n    return '#ce9700'\n  }\n  if (percent < 50 && percent >= 40) {\n    return '#bba700'\n  }\n  if (percent < 40 && percent >= 30) {\n    return '#a6b500'\n  }\n  if (percent < 30 && percent >= 20) {\n    return '#8fc21b'\n  }\n  if (percent < 20 && percent >= 10) {\n    return '#73ce42'\n  }\n  if (percent < 10 && percent >= 0) {\n    return '#4ed864'\n  }\n  if (percent == 0) {\n    return '#4ed864'\n  }\n  return '#ff3a31'\n}\n\nexport function gradientColorAsc(percent: any) {\n  percent = parseFloat(percent)\n  if (percent < 10 && percent >= 0) {\n    return '#ff3a31'\n  }\n  if (percent < 20 && percent >= 10) {\n    return '#f85815'\n  }\n  if (percent < 30 && percent >= 20) {\n    return '#ed7000'\n  }\n  if (percent < 40 && percent >= 30) {\n    return '#de8400'\n  }\n  if (percent < 50 && percent >= 40) {\n    return '#ce9700'\n  }\n  if (percent < 60 && percent >= 50) {\n    return '#bba700'\n  }\n  if (percent < 70 && percent >= 60) {\n    return '#a6b500'\n  }\n  if (percent < 80 && percent >= 70) {\n    return '#8fc21b'\n  }\n  if (percent < 90 && percent >= 80) {\n    return '#73ce42'\n  }\n  if (percent < 100 && percent >= 90) {\n    return '#4ed864'\n  }\n  if (percent >= 100) {\n    return '#4ed864'\n  }\n  return '#ff3a31'\n}\n\nconst GradientDot = ({ percent, desc = true }: any) => {\n  return (\n    <>\n      <span\n        style={{\n          display: 'block',\n          height: '0.5rem',\n          width: '0.5rem',\n          borderRadius: '9999px',\n          marginLeft: '0.5rem',\n          background: `${desc ? gradientColor(percent) : gradientColorAsc(percent)}`,\n        }}\n      ></span>\n    </>\n  )\n}\n\nexport default GradientDot\n","import { ChainId, Currency, CurrencyAmount, Price, Token, USD } from '@sushiswap/core-sdk'\n\nimport { useActiveWeb3React } from '../services/web3'\nimport { useMemo } from 'react'\nimport { useV2TradeExactOut } from './useV2Trades'\n\n// import { wrappedCurrency } from \"../functions/currency/wrappedCurrency\";\n\n// Stablecoin amounts used when calculating spot price for a given currency.\n// The amount is large enough to filter low liquidity pairs.\nconst STABLECOIN_AMOUNT_OUT: { [chainId: number]: CurrencyAmount<Token> } = {\n  [ChainId.ETHEREUM]: CurrencyAmount.fromRawAmount(USD[ChainId.ETHEREUM], 100_000e6),\n  [ChainId.ROPSTEN]: CurrencyAmount.fromRawAmount(USD[ChainId.ROPSTEN], 100_000e6),\n  [ChainId.KOVAN]: CurrencyAmount.fromRawAmount(USD[ChainId.KOVAN], 100_000e6),\n  [ChainId.MATIC]: CurrencyAmount.fromRawAmount(USD[ChainId.MATIC], 100_000e6),\n  [ChainId.FANTOM]: CurrencyAmount.fromRawAmount(USD[ChainId.FANTOM], 100_000e6),\n  [ChainId.BSC]: CurrencyAmount.fromRawAmount(USD[ChainId.BSC], 100_000e18),\n  [ChainId.HARMONY]: CurrencyAmount.fromRawAmount(USD[ChainId.HARMONY], 100_000e6),\n  [ChainId.HECO]: CurrencyAmount.fromRawAmount(USD[ChainId.HECO], 100_000e6),\n  [ChainId.OKEX]: CurrencyAmount.fromRawAmount(USD[ChainId.OKEX], 100_000e18),\n  [ChainId.XDAI]: CurrencyAmount.fromRawAmount(USD[ChainId.XDAI], 100_000e6),\n  [ChainId.ARBITRUM]: CurrencyAmount.fromRawAmount(USD[ChainId.ARBITRUM], 100_000e6),\n  [ChainId.CELO]: CurrencyAmount.fromRawAmount(USD[ChainId.CELO], 100_000e18),\n  [ChainId.MOONRIVER]: CurrencyAmount.fromRawAmount(USD[ChainId.MOONRIVER], 100_000e6),\n}\n\n/**\n * Returns the price in USDC of the input currency\n * @param currency currency to compute the USDC price of\n */\nexport default function useUSDCPrice(currency?: Currency): Price<Currency, Token> | undefined {\n  const { chainId } = useActiveWeb3React()\n\n  const amountOut = chainId ? STABLECOIN_AMOUNT_OUT[chainId] : undefined\n  const stablecoin = amountOut?.currency\n\n  const v2USDCTrade = useV2TradeExactOut(currency, amountOut, {\n    maxHops: 3,\n  })\n\n  return useMemo(() => {\n    if (!currency || !stablecoin) {\n      return undefined\n    }\n\n    // handle usdc\n    if (currency?.wrapped.equals(stablecoin)) {\n      return new Price(stablecoin, stablecoin, '1', '1')\n    }\n\n    // use v2 price if available\n    if (v2USDCTrade) {\n      const { numerator, denominator } = v2USDCTrade.route.midPrice\n      return new Price(currency, stablecoin, denominator, numerator)\n    }\n\n    return undefined\n  }, [currency, stablecoin, v2USDCTrade])\n}\n\nexport function useUSDCValue(currencyAmount: CurrencyAmount<Currency> | undefined | null) {\n  const price = useUSDCPrice(currencyAmount?.currency)\n\n  return useMemo(() => {\n    if (!price || !currencyAmount) return null\n    try {\n      return price.quote(currencyAmount)\n    } catch (error) {\n      return null\n    }\n  }, [currencyAmount, price])\n}\n","import { Borrow, Repay } from '../../../features/kashi'\nimport Provider, { useKashiInfo, useKashiPair } from '../../../features/kashi/context'\nimport React, { useCallback } from 'react'\nimport { formatNumber, formatPercent } from '../../../functions/format'\nimport Card from '../../../components/Card'\nimport Dots from '../../../components/Dots'\nimport GradientDot from '../../../components/GradientDot'\nimport Head from 'next/head'\nimport Image from '../../../components/Image'\nimport { KashiCooker } from '../../../entities'\nimport Layout from '../../../layouts/Kashi'\nimport QuestionHelper from '../../../components/QuestionHelper'\nimport { Tab } from '@headlessui/react'\nimport { cloudinaryLoader } from '../../../functions/cloudinary'\nimport { t } from '@lingui/macro'\nimport { useActiveWeb3React } from '../../../services/web3'\nimport { useLingui } from '@lingui/react'\nimport { useRouter } from 'next/router'\nimport { useToken } from '../../../hooks/Tokens'\nimport { useTransactionAdder } from '../../../state/transactions/hooks'\nimport { useV2Pair } from '../../../hooks/useV2Pairs'\nimport useUSDCPrice from '../../../hooks/useUSDCPrice'\n\nfunction Pair() {\n  const router = useRouter()\n  const { i18n } = useLingui()\n\n  const { account, library, chainId } = useActiveWeb3React()\n\n  const pair = useKashiPair(router.query.pair as string)\n  const asset = useToken(pair?.asset.address)\n  const collateral = useToken(pair?.collateral.address)\n  const [pairState, liquidityPair] = useV2Pair(asset, collateral)\n\n  const info = useKashiInfo()\n\n  const addTransaction = useTransactionAdder()\n  const onUpdateExchangeRate = useCallback(async () => {\n    const cooker = new KashiCooker(pair, account, library, chainId)\n    const result = await cooker.updateExchangeRate().cook()\n    addTransaction(result.tx, {\n      summary: `Update ${pair.collateral.tokenInfo.symbol}/${pair.asset.tokenInfo.symbol} exchange rate`,\n    })\n  }, [account, addTransaction, chainId, library, pair])\n\n  if (!pair) return info && info.blockTimeStamp.isZero() ? null : router.push('/borrow')\n\n  return (\n    <>\n      <Head>\n        <title>{i18n._(t`Borrow ${pair?.asset?.symbol}-${pair?.collateral?.symbol}`)} | Sushi</title>\n        <meta\n          key=\"description\"\n          name=\"description\"\n          content={`Borrow ${pair?.asset?.symbol} against ${pair?.collateral?.symbol} collateral on Kashi by Sushi`}\n        />\n      </Head>\n      <Card\n        className=\"h-full bg-dark-900\"\n        header={\n          <Card.Header className=\"border-b-8 bg-dark-pink border-pink\">\n            <div className=\"flex items-center\">\n              <div className=\"flex items-center mr-4 space-x-2\">\n                {pair && (\n                  <>\n                    <Image\n                      loader={cloudinaryLoader}\n                      height={48}\n                      width={48}\n                      src={pair.asset.tokenInfo.logoURI}\n                      className=\"block w-10 h-10 rounded-lg sm:w-12 sm:h-12\"\n                      alt={pair.asset.tokenInfo.symbol}\n                    />\n\n                    <Image\n                      loader={cloudinaryLoader}\n                      height={48}\n                      width={48}\n                      src={pair.collateral.tokenInfo.logoURI}\n                      className=\"block w-10 h-10 rounded-lg sm:w-12 sm:h-12\"\n                      alt={pair.collateral.tokenInfo.symbol}\n                    />\n                  </>\n                )}\n              </div>\n              <div className=\"flex items-center justify-between\">\n                <div>\n                  <div className=\"text-3xl text-high-emphesis\">{i18n._(t`Borrow ${pair.asset.tokenInfo.symbol}`)}</div>\n                  <div className=\"flex items-center\">\n                    <div className=\"mr-1 text-sm text-secondary\">{i18n._(t`Collateral`)}:</div>\n                    <div className=\"mr-2 text-sm text-high-emphesis\">{pair.collateral.tokenInfo.symbol}</div>\n                    <div className=\"mr-1 text-sm text-secondary\">{i18n._(t`Oracle`)}:</div>\n                    <div className=\"text-sm text-high-emphesis\">{pair.oracle.name}</div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </Card.Header>\n        }\n      >\n        <div className=\"flex justify-between mb-8\">\n          <div>\n            <div className=\"text-lg text-secondary\">{i18n._(t`Collateral`)}</div>\n            <div className=\"text-2xl text-blue\">\n              {formatNumber(pair.userCollateralAmount.string)} {pair.collateral.tokenInfo.symbol}\n            </div>\n            <div className=\"text-lg text-high-emphesis\">{formatNumber(pair.userCollateralAmount.usd, true)}</div>\n          </div>\n          <div>\n            <div className=\"text-lg text-secondary\">{i18n._(t`Borrowed`)}</div>\n            <div className=\"text-2xl text-pink\">\n              {formatNumber(pair.currentUserBorrowAmount.string)} {pair.asset.tokenInfo.symbol}\n            </div>\n            <div className=\"flex items-center text-lg text-high-emphesis\">\n              {formatPercent(pair.health.string)}\n              <GradientDot percent={pair.health.string}></GradientDot>\n            </div>\n          </div>\n          <div className=\"text-right\">\n            <div>\n              <div className=\"text-lg text-secondary\">{i18n._(t`APR`)}</div>\n              <div className=\"text-2xl text-high-emphesis\">{formatPercent(pair.interestPerYear.string)}</div>\n            </div>\n          </div>\n        </div>\n        <Tab.Group>\n          <Tab.List className=\"flex p-1 rounded bg-dark-800\">\n            <Tab\n              className={({ selected }) =>\n                `${\n                  selected ? 'bg-dark-900 text-high-emphesis' : ''\n                } flex items-center justify-center flex-1 px-3 py-4 text-lg rounded cursor-pointer select-none text-secondary hover:text-primary focus:outline-none`\n              }\n            >\n              {i18n._(t`Borrow`)}\n            </Tab>\n            <Tab\n              className={({ selected }) =>\n                `${\n                  selected ? 'bg-dark-900 text-high-emphesis' : ''\n                } flex items-center justify-center flex-1 px-3 py-4 text-lg rounded cursor-pointer select-none text-secondary hover:text-primary focus:outline-none`\n              }\n            >\n              {i18n._(t`Repay`)}\n            </Tab>\n          </Tab.List>\n          <Tab.Panel>\n            <Borrow pair={pair} />\n          </Tab.Panel>\n          <Tab.Panel>\n            <Repay pair={pair} />\n          </Tab.Panel>\n        </Tab.Group>\n      </Card>\n    </>\n  )\n}\n\nPair.Provider = Provider\n\nconst PairLayout = ({ children }) => {\n  const { i18n } = useLingui()\n  const router = useRouter()\n  const pair = useKashiPair(router.query.pair as string)\n  const asset = useToken(pair?.asset.address)\n  const collateral = useToken(pair?.collateral.address)\n  const [pairState, liquidityPair] = useV2Pair(asset, collateral)\n  const assetPrice = useUSDCPrice(asset)\n  const collateralPrice = useUSDCPrice(collateral)\n\n  return pair ? (\n    <Layout\n      left={\n        <Card\n          className=\"h-full bg-dark-900\"\n          backgroundImage=\"/borrow-graphic.png\"\n          title={i18n._(t`Add collateral in order to borrow assets`)}\n          description={i18n._(\n            t`Gain exposure to tokens without reducing your assets. Leverage will enable you to take short positions against assets and earn from downside movements.`\n          )}\n        />\n      }\n      right={\n        <Card className=\"h-full bg-dark-900\">\n          <div className=\"flex-col space-y-2\">\n            <div className=\"flex justify-between\">\n              <div className=\"text-xl text-high-emphesis\">{i18n._(t`Market`)}</div>\n            </div>\n            <div className=\"flex justify-between\">\n              <div className=\"text-lg text-secondary\">{i18n._(t`APR`)}</div>\n              <div className=\"flex items-center\">\n                <div className=\"text-lg text-high-emphesis\">{formatPercent(pair?.currentInterestPerYear.string)}</div>\n              </div>\n            </div>\n            <div className=\"flex justify-between\">\n              <div className=\"text-lg text-secondary\">{i18n._(t`LTV`)}</div>\n              <div className=\"text-lg text-high-emphesis\">75%</div>\n            </div>\n            <div className=\"flex justify-between\">\n              <div className=\"text-lg text-secondary\">{i18n._(t`Total`)}</div>\n              <div className=\"text-lg text-high-emphesis\">\n                {formatNumber(pair?.currentAllAssets.string)} {pair?.asset.tokenInfo.symbol}\n              </div>\n            </div>\n            <div className=\"flex justify-between\">\n              <div className=\"text-lg text-secondary\">{i18n._(t`Available`)}</div>\n              <div className=\"flex items-center\">\n                <div className=\"text-lg text-high-emphesis\">\n                  {formatNumber(pair?.totalAssetAmount.string)} {pair?.asset.tokenInfo.symbol}\n                </div>\n              </div>\n            </div>\n            <div className=\"flex justify-between\">\n              <div className=\"text-lg text-secondary\">{i18n._(t`Borrowed`)}</div>\n              <div className=\"flex items-center\">\n                <div className=\"text-lg text-high-emphesis\">{formatPercent(pair?.utilization.string)}</div>\n              </div>\n            </div>\n\n            <div className=\"flex justify-between pt-3\">\n              <div className=\"text-xl text-high-emphesis\">{i18n._(t`Oracle`)}</div>\n            </div>\n\n            <div className=\"flex justify-between\">\n              <div className=\"text-lg text-secondary\">Name</div>\n              <div className=\"text-lg text-high-emphesis\">{pair?.oracle.name}</div>\n            </div>\n\n            <div className=\"flex justify-between pt-3\">\n              <div className=\"text-xl text-high-emphesis\">{i18n._(t`BentoBox`)}</div>\n            </div>\n            <div className=\"flex justify-between\">\n              <div className=\"text-lg text-secondary\">{i18n._(t`${pair?.collateral.tokenInfo.symbol} Strategy`)}</div>\n              <div className=\"flex flex-row text-lg text-high-emphesis\">\n                {pair.collateral.strategy ? (\n                  i18n._(t`Active`)\n                ) : (\n                  <>\n                    {i18n._(t`None`)}\n                    <QuestionHelper\n                      text={i18n._(\n                        t`BentoBox strategies can create yield for your liquidity while it is not lent out. This token does not yet have a strategy in the BentoBox.`\n                      )}\n                    />{' '}\n                  </>\n                )}\n              </div>\n            </div>\n            {pair.collateral.strategy && (\n              <>\n                <div className=\"flex justify-between\">\n                  <div className=\"text-lg text-secondary\">{i18n._(t`APY`)}</div>\n                  <div className=\"flex items-center\">\n                    <div className=\"text-lg text-high-emphesis\">{formatPercent(pair.collateral.strategy.apy)}</div>\n                  </div>\n                </div>\n\n                <div className=\"flex justify-between\">\n                  <div className=\"text-lg text-secondary\">{i18n._(t`Target Percentage`)}</div>\n                  <div className=\"flex items-center\">\n                    <div className=\"text-lg text-high-emphesis\">\n                      {formatPercent(pair.collateral.strategy.targetPercentage)}\n                    </div>\n                  </div>\n                </div>\n              </>\n            )}\n            {pair && pair.oracle.name === 'SushiSwap' && (\n              <>\n                <div className=\"flex justify-between pt-3\">\n                  <div className=\"text-xl text-high-emphesis\">{i18n._(t`SLP`)}</div>\n                </div>\n                {liquidityPair ? (\n                  <>\n                    <div className=\"flex justify-between\">\n                      <div className=\"text-lg text-secondary\">{liquidityPair?.token0.symbol}</div>\n                      <div className=\"text-lg text-high-emphesis\">{liquidityPair?.reserve0.toSignificant(4)}</div>\n                    </div>\n\n                    <div className=\"flex justify-between\">\n                      <div className=\"text-lg text-secondary\">{liquidityPair?.token1.symbol}</div>\n                      <div className=\"text-lg text-high-emphesis\">{liquidityPair?.reserve1.toSignificant(4)}</div>\n                    </div>\n\n                    <div className=\"flex justify-between\">\n                      <div className=\"text-lg text-secondary\">TVL</div>\n                      <div className=\"text-lg text-high-emphesis\">\n                        {formatNumber(\n                          liquidityPair?.reserve1\n                            .multiply(assetPrice?.quotient)\n                            .add(liquidityPair?.reserve1.multiply(collateralPrice?.quotient))\n                            .toSignificant(4),\n                          true\n                        )}\n                      </div>\n                    </div>\n                  </>\n                ) : (\n                  <Dots className=\"text-lg text-secondary\">Loading</Dots>\n                )}\n              </>\n            )}\n          </div>\n        </Card>\n      }\n    >\n      {children}\n    </Layout>\n  ) : null\n}\n\nPair.Layout = PairLayout\n\nexport default Pair\n","\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/kashi/borrow/[pair]\",\n      function () {\n        return require(\"private-next-pages/kashi/borrow/[pair].tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/kashi/borrow/[pair]\"])\n      });\n    }\n  "],"names":["gradientColor","percent","parseFloat","gradientColorAsc","desc","style","display","height","width","borderRadius","marginLeft","background","STABLECOIN_AMOUNT_OUT","ChainId","CurrencyAmount","USD","useUSDCPrice","currency","chainId","useActiveWeb3React","amountOut","undefined","stablecoin","v2USDCTrade","useV2TradeExactOut","maxHops","useMemo","wrapped","equals","Price","numerator","denominator","route","midPrice","useUSDCValue","currencyAmount","price","quote","error","Pair","router","useRouter","i18n","useLingui","account","library","pair","useKashiPair","query","asset","useToken","address","collateral","pairState","liquidityPair","useV2Pair","info","useKashiInfo","addTransaction","useTransactionAdder","useCallback","async","cooker","KashiCooker","result","updateExchangeRate","cook","tx","summary","tokenInfo","symbol","_","name","content","Card","className","header","Image","loader","cloudinaryLoader","src","logoURI","alt","oracle","formatNumber","userCollateralAmount","string","usd","currentUserBorrowAmount","formatPercent","health","GradientDot","interestPerYear","selected","blockTimeStamp","isZero","push","Provider","Layout","children","assetPrice","collateralPrice","left","backgroundImage","title","description","right","currentInterestPerYear","currentAllAssets","totalAssetAmount","utilization","strategy","QuestionHelper","text","apy","targetPercentage","token0","reserve0","toSignificant","token1","reserve1","multiply","quotient","add","Dots","window","__NEXT_P"],"sourceRoot":""}